import React from 'react';
import ReactDOM from 'react-dom/client';

import App from './App';

/* ant-design-mobile */
import { ConfigProvider } from 'antd-mobile'
import zhCN from 'antd-mobile/es/locales/zh-CN'

/* REDUX */
/* 
  provider用处：  
    + 状态管理： 将provider放在整个组件树的顶部，通过store属性共享状态
    + 避免手段调用props传递状态，导致过多props再多层级建调用，造成props穿孔
    + 热模块替换：store状态改变或组件代码更新时，自动重新渲染
*/
import { Provider } from 'react-redux'; 
import store from './store';

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
  <ConfigProvider locale={zhCN}>
    <Provider store={store}>
      <App />
    </Provider>
  </ConfigProvider>
);

